var doc = {
    type: 'elemnt',
    tagName: 'body',
    children: [
      {
        type: 'elemnt',
        tagName: 'div',
        children: [
          {
            type: 'text',
            text: 'hello',
            tagName: 'text',
            children: [],
            attributes: {},
            computedStyle: { color: 'red' },
            layout: {
              top: 0,
              left: 0,
              with: undefined,
              height: undefined,
              color: 'red'
            }
          }
        ],
        attributes: { id: 'hello' },
        computedStyle: { color: 'red' },
        layout: {
          top: 0,
          left: 0,
          with: undefined,
          height: undefined,
          color: 'red'
        }
      }
    ],
    attributes: {},
    computedStyle: { color: undefined },
    layout: {
      top: 0,
      left: 0,
      with: undefined,
      height: undefined,
      color: undefined
    }
  }